<article>
	<h1><?php echo $GLOBALS['title'] ?></h1>
	<p>浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。</p>
	<img src="__PUBLIC__/images/bom.png" width="100%" alt="">
	<h2><a>Window 对象</a></h2>
	<p>所有浏览器都支持 window 对象。它表示浏览器窗口。</p>
	<p>所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。</p>
	<p>全局变量是 window 对象的属性。</p>
	<p>全局函数是 window 对象的方法</p>
	<h3>Window 尺寸</h3>
	<p>有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。</p>
	<p>对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：</p>
	<pre><code><?php echo htmlspecialchars('
window.innerHeight //浏览器窗口的内部高度
window.innerWidth  //浏览器窗口的内部宽度'
)?></code></pre>
	<p>对于 Internet Explorer 8、7、6、5：</p>
	<pre><code><?php echo htmlspecialchars('
document.documentElement.clientHeight
document.documentElement.clientWidth')?></code></pre>
	<p>或者</p>
	<pre><code><?php echo htmlspecialchars('
document.body.clientHeight
document.body.clientWidth')?></code></pre>
	<p>实用的 JavaScript 方案（涵盖所有浏览器）：</p>
	<pre><code><?php echo htmlspecialchars('
var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;

var h=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;')?></code></pre>
	<h2><a>定时器</a></h2>
	<h3>setInterval() 方法</h3>
	<p><code>setInterval()</code> 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。</p>
	<p><code>setInterval()</code>方法会不停地调用函数，直到 <code>clearInterval()</code> 被调用或窗口被关闭。由 <code>setInterval()</code> 返回的 ID 值可用作 <code>clearInterval()</code> 方法的参数。</p>
	<h4>语法</h4>
	<pre><code><?php echo htmlspecialchars('
<script type="text/javascript">
	setInterval(code,millisec[,"lang"]);
</script>') ?></code></pre>
	<table class="dataintable">
	    <tbody>
	        <tr>
	            <th>
	                参数
	            </th>
	            <th>
	                描述
	            </th>
	        </tr>
	        <tr>
	            <td>
	                code
	            </td>
	            <td>
	                必需。要调用的函数或要执行的代码串。
	            </td>
	        </tr>
	        <tr>
	            <td>
	                millisec
	            </td>
	            <td>
	                必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。
	            </td>
	        </tr>
	    </tbody>
	</table>
	<h4>实例</h4>
	<pre><code><?php echo htmlspecialchars('
<input type="text" id="clock" size="35"/>
<script language=javascript>
	var int=self.setInterval("clock()",50)//定时器
	function clock(){
		//产生一个时间对象
	  	var t=new Date()
	  	//附值到id为clock这个地方
	  	document.getElementById("clock").value=t
	}
</script>
<button onclick="int=window.clearInterval(int)">
	Stop interval</button>//清除定时器') ?></code></pre>
	<h3>setTimeout() 方法</h3>
	<p><code>setTimeout()</code> 方法用于在指定的毫秒数后调用函数或计算表达式。</p>
	<h4>语法</h4>
	<pre><code><?php echo htmlspecialchars('
<script type="text/javascript">
	setTimeout(code,millisec)
</script>') ?></code></pre>
	<p><code>提示：</code>setTimeout() 只执行 code 一次。</p>
	<h2><a>History 对象</a></h2>
	<p><code>History</code> 对象包含用户（在浏览器窗口中）访问过的 URL。</p>
	<p>History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。</p>
	<h4>length 属性</h4>
	<p>属性声明了浏览器历史列表中的元素数量。</p>
	<pre><code><?php echo htmlspecialchars('
<script type="text/javascript">
	document.write(history.length);
</script>'); ?></code></pre>
	<h4> back() 方法</h4>
	<p>方法可加载历史列表中的前一个 URL（如果存在）。</p>
	<p>调用该方法的效果等价于点击后退按钮或调用 history.go(-1)。</p>
	<pre><code><?php echo htmlspecialchars('
<script type="text/javascript">
	history.back()
</script>'); ?></code></pre>
	<h4> forward() 方法</h4>
	<p>方法可加载历史列表中的下一个 URL。</p>
	<p>调用该方法的效果等价于点击前进按钮或调用 history.go(1)。
语法</p>
	<pre><code><?php echo htmlspecialchars('
<script type="text/javascript">
	history.forward()
</script>'); ?></code></pre>
	<h4> go()方法</h4>
	<p>方法可加载历史列表中的某个具体的页面。</p>
	<pre><code><?php echo htmlspecialchars('
<script type="text/javascript">
	history.go(number|URL);
</script>'); ?></code></pre>
	<h2><a>Location 对象</a></h2>
	<p><code>Location</code>对象包含有关当前 URL 的信息。</p>
	<p>Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。</p>
	<h4> assign() 方法</h4>
	<p>方法可加载一个新的文档。</p>
	<pre><code><?php echo htmlspecialchars('
<script type="text/javascript">
	location.assign(URL);
</script>'); ?></code></pre>
	<h4> reload() 方法</h4>
	<p> 方法用于重新加载当前文档。</p>
	<pre><code><?php echo htmlspecialchars('
<script type="text/javascript">
	location.reload(force)
</script>'); ?></code></pre>
	<h4> replace() 方法</h4>
	<p>方法可用一个新文档取代当前文档。</p>
	<pre><code><?php echo htmlspecialchars('
<script type="text/javascript">
	location.replace(newURL)
</script>'); ?></code></pre>
	<h3>作业</h3>
	<blockquote>
	<p>1，通过定时器，写一个活动倒计时。</p>
	<img src="__PUBLIC__/images/time.png" alt="">
	<p>2，写一个按钮，点击刷新页面</p>
	</blockquote>
</article>